<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title> - 会长钻石收支明细</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<!--<link rel="shortcut icon" href="favicon.ico"> <link href="__STATIC__/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	<link href="__STATIC__/css/font-awesome.css?v=4.4.0" rel="stylesheet">
	<link href="__STATIC__/css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
	<link href="__STATIC__/css/animate.css" rel="stylesheet">
	<link href="__STATIC__/css/style.css?v=4.1.0" rel="stylesheet">
	<link href="__STATIC__/css/new_file.css" rel="stylesheet">-->
	<link rel="shortcut icon" href="favicon.ico"> <link href="../../../../public/static/css/bootstrap.min.css" rel="stylesheet">
	<link href="../../../../public/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
	<link href="../../../../public/static/css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
	<link href="../../../../public/static/css/animate.css" rel="stylesheet">
	<link href="../../../../public/static/css/style.css?v=4.1.0" rel="stylesheet">
	<link href="../../../../public/static/css/new_file.css" rel="stylesheet">
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content  animated fadeInRight">
	<div class="row">
		<div class="col-sm-12">
			<div class="ibox ">
				<div class="ibox-title">
					<h5>会长钻石收支明细</h5>
				</div>
				<div class="toogl_body">
					<div class="toogl_tale">
						<a href=""><input type="button" value="捐赠统计" class="btn btn-w-m btn-default"></a>
						<a href=""><input type="button" value="捐赠明细" class="btn btn-w-m btn-info"></a>
					</div><br/>
					<div class="ibox-content ibox-jqGrid">
                    	<p>
                    		选择时间段：<input type="text" id="time" class="input-ys" readonly="readonly">
                    		亲友圈ID：<input type="text" id="" class="input-ys" readonly="readonly">
                    		玩家ID：<input type="text" id="" class="input-ys" readonly="readonly">
                    		<input type="button" value="确定" class="input-anniu">
                    	</p>
						<div class="jqGrid_wrapper">
							<table id="table_list_1"></table>
							<div id="pager_list_1"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script src="../../../../public/static/js/jquery.min.js?v=2.1.4"></script>
<script src="../../../../public/static/js/bootstrap.min.js?v=3.3.6"></script>
<script src="../../../../public/static/js/plugins/peity/jquery.peity.min.js"></script>
<script src="../../../../public/static/js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
<script src="../../../../public/static/js/plugins/jqgrid/jquery.jqGrid.min.js?0820"></script>
<script src="../../../../public/static/js/content.js?v=1.0.0"></script>
<script src="../../../../public/static/js/plugins/laydate/laydate.js"></script>
<script src="../../../../public/static/js/echarts.min.js"></script>
<script src="../../../../public/static/js/echarts.common.min.js"></script>
<script>
  $(document).ready(function () {

            $.jgrid.defaults.styleUI = 'Bootstrap';
            // Examle data for jqGrid
            var mydata = [
                {
                    id: "1",
                    invdate: "2010-05-24",
                    name: "test",
                    note: "note",
                    tax: "10.00",
                    total: "2111.00"
                }
            ];

            // Configuration for jqGrid Example 1
            $("#table_list_1").jqGrid({
                data: mydata,
                datatype: "local",
                height: 250,
                autowidth: true,
                shrinkToFit: true,
                rowNum: 20,
                rowList: [20,50,100],
                colNames: ['时间', '消费类型', '变更类型', '钻石数', '变动钻石币数'],
                colModel: [
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        align:"center"
                    },
                    {
                        name: 'invdate',
                        index: 'invdate',
                        width: 90,
                        sorttype: "date",
                        formatter: "date",
                        align:"center"
                    },
                    {
                        name: 'name',
                        index: 'name',
                        width: 100,
                        align:"center"
                    },
                    {
                        name: 'amount',
                        index: 'amount',
                        width: 80,
                        sorttype: "float",
                        formatter: "number",
                        align:"center"
                    },
                    {
                        name: 'name',
                        index: 'name',
                        width: 100,
                        align:"center"
                    }
                ],
                pager: "#pager_list_1",
                viewrecords: true,
                caption: "会长钻石收支明细",
                hidegrid: false
            });
            // Add responsive to jqGrid
            $(window).bind('resize', function () {
                var width = $('.jqGrid_wrapper').width();
                $('#table_list_1').setGridWidth(width);
            });
        });
  
	laydate.render({
	  elem: '#time',
	  range: true
	});
</script>
</body>

</html>